<%@ page language="java" contentType="text/html; charset=utf-8"
	pageEncoding="utf-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<!DOCTYPE html>
<html lang="zh_CN">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>出/入库信息</title>
<style type="text/css">
#selectItem {
	width: 100px;
	border: 1px solid black;
	font-size: 14px;
}
/* 提示信息鼠标覆盖是信息 */
div.over {
	border: 1px solid #999;
	background: #ffffcc;
	cursor: hand;
}

/* 提示信息鼠标移出是信息 */
div.out {
	border: 1px solid #ffffff;
	background: #ffffff;
}

#itemsTable {
	width: 100%;
}

#itemsTable tr td {
	text-align: center;
}

#itemsTable input {
	text-align: center;
	width: 100%;
	/* 	width: 96px; */
	margin: 0px;
}

#giftItemTable {
	width: 100%;
}

#giftItemTable tr td {
	text-align: center;
}

#giftItemTable input {
	text-align: center;
	width: 100%;
	margin: 0px;
}

#proInforTable {
	width: 100%;
}

#proInforTable tr td {
	text-align: center;
}

#proInforTable input {
	text-align: center;
	width: 100%;
	margin: 0px;
}

#giftInforTable {
	width: 100%;
}

#giftInforTable tr td {
	text-align: center;
}

#giftInforTable input {
	text-align: center;
	width: 100%;
	margin: 0px;
}
</style>

</head>
<body>
	<div class="modal fade" id="stocksDialog" role="dialog"
		aria-labelledby="stocksDialogLabel" aria-hidden="true">

		<!-- <div class="modal-dialog" tabindex="0" style="width: 1150px"> -->
		<div class="modal-dialog" tabindex="0" style="width: 100%">
		<input type="hidden" id="operation"  />
			<form id="stockItems" name="stockItems">
				<div class="modal-content">
					<div class="modal-header">
						<button type="button" class="close" data-dismiss="modal">
							<span aria-hidden="true">&times;</span> <span class="sr-only">Close</span>
						</button>
						<h4 class="modal-title" id="myModalLabel">库单信息</h4>
						<input type="hidden" id="proId" required name="id" />
						
					</div>
					<div class="modal-body">
						<div align="left">
							<div align="center">
								<!--选项卡-->
								<div class="container-fluid">
									<div class="row-fluid">
										<div class="span12">

											<div class="tabbable" id="tabs-234974">
												<ul class="nav nav-tabs">
													<li class="active" id="baseTab"><a href="#baseInfor" id="baseTabHref"
														data-toggle="tab">库单基本信息</a></li>
													<li id="itemsTab"><a href="#itemList" id="itemsTabHref"
														data-toggle="tab">库单详情</a></li>
													<li id="confirmItem"><a href="#confirmItems" id="confirmHref"
														data-toggle="tab">出库信息</a></li>
												</ul>

												<div class="tab-content">
													<div id="baseInfor" class="tab-pane active"
														style="margin-top: 25px;">
														<table class="table table-bordered" style="width: 100%;">
															<tr>

																<td style="text-align: right; width: 100px;">库单编号:</td>
																<td><input style="width: 100px;" type="hidden"
																	id="status" required name="status" /><input
																	style="width: 200px;" type="text" id="stockCode"
																	required name="stockCode" /></td>
																<td style="text-align: right; width: 100px;">库单类型:</td>
																<td><input type="hidden" id="action" name="action" />
																	<select id="actions" required="required">
																		<c:forEach var="action" items="${actions}">
																			<option
																				<c:if test="${action.key==stock.action}">selected</c:if>
																				value="${action.key}">${action.val}</option>
																		</c:forEach>
																</select></td>
															</tr>
															<tr>
																<td style="text-align: right; width: 100px;">所属分类:</td>
																<td><input type="hidden" id="reType" name="reType" />
																	<select id="reTypes" required="required">
																		<c:forEach var="reType" items="${reTypes}">
																			<option
																				<c:if test="${reType.key==stock.reType}">selected</c:if>
																				value="${reType.key}">${reType.val}</option>
																		</c:forEach>
																</select></td>
																<td style="text-align: right; width: 100px;">单据总价</td>
																<td><input type="text" id="summery" name="summery"
																	readonly="readonly" style="width: 100px;" /></td>
															</tr>
															<tr>
																<td style="text-align: right; width: 100px;">库单来源:</td>
																<td>
																<select id="orderSource" required>
																		<c:forEach var="ssource" items="${stockSource}">
																			<option
																				<c:if test="${ssource.key==stock.isFromOrder}">selected</c:if>
																				value="${ssource.key}">${ssource.val}</option>
																		</c:forEach>
																</select><input id="isFromOrder" name="isFromOrder" type="hidden"
																	value="${stock.isFromOrder}"></td>
																<td style="text-align: right; width: 100px;">订单编号:</td>
																<td><input type="hidden" id="orderId"
																	name="orderId" style="width: 100px;" /> <input
																	type="text" id="orderCode" name="orderCode"
																	style="width: 100px;" readonly="readonly" /></td>
															</tr>
															<tr>
																<td style="text-align: right; width: 100px;">录入人:</td>
																<td><input type="text" id="creator"
																	style="width: 100px;" required name="creator" /></td>
																<td style="text-align: right; width: 100px;">录入时间:</td>
																<td><input type="text" id="createTime" required
																	name="createTime" style="width: 100px;" /></td>
															</tr>

															<tr>
																<td style="text-align: right; width: 100px;">确认人:</td>
																<td><input style="width: 100px;" type="text"
																	readonly="readonly" id="comfirmer" name="comfirmer" /></td>
																<td style="text-align: right; width: 100px;">确认时间:</td>
																<td><input style="width: 100px;" type="text"
																	readonly="readonly" id="comfirmTime" name="comfirmTime" /></td>
															</tr>

															<tr>
																<td style="text-align: right;">备注:</td>
																<td colspan="4"><textarea style="width: 100%;"
																		name="note" id="note">
															
															</textarea></td>
															</tr>
														</table>

													</div>


													<div id="itemList" class="tab-pane"
														style="margin-top: 25px; height: 450px;">
														<div id="proSearchInfor" style="width: 600px">
															产品名称/代码:<input id="proItemName" style="width: 150px" />
															<input id="proItemId" name="proItemId" type="hidden" />
															<input id="proInfoId" type="hidden" />
															<div id="proSelectItem"
																style="display: none; position: relative; left: 53px; width: 150px"></div>
															规格列表:<select id="proRules" name="ruleItems">
																<option value="-1">请选择</option>
															</select>
															<div id="proSelectItem"
																style="display: none; position: relative; left: 53px; width: 150px"></div>
															<button id="proAddItem" type="button"
																class="btn btn-sm btn-primary">添加</button>
															<button id="proclearItem" type="button"
																class="btn btn-sm btn-danger">清空列表</button>
														</div>
														<div id="giftSearchInfor" style="width: 600px">
															礼品名称/代码:<input id="giftItemName" style="width: 150px" />
															<div id="giftSelectItem"
																style="display: none; position: relative; left: 53px; width: 150px"></div>
															<input id="giftItemId" name="giftItemId" type="hidden" />
															<input id="giftInforId" type="hidden" /> 规格列表:<select
																id="giftRules" name="ruleItems">
																<option value="-1">请选择</option>
															</select>
															<div id="giftSelectItem"
																style="display: none; position: relative; left: 53px; width: 150px"></div>
															<button id="giftAddItem" type="button"
																class="btn btn-sm btn-primary">添加</button>
															<button id="giftclearItem" type="button"
																class="btn btn-sm btn-danger">清空列表</button>
														</div>


														<div id="items" style="width: 100%">
															<table id="itemsTable" class="table table-bordered">
																<tr>
																	<td style="text-align: center;">产品编号</td>
																	<td style="text-align: center;">产品名称</td>
																	<td style="text-align: center;">规格</td>
																	<td style="text-align: center;">进货价</td>

																	<td style="text-align: center;">销售价</td>
																	<td style="text-align: center;">数量</td>
																	<td style="text-align: center;">总价</td>
																	<td style="text-align: center;">备注</td>
																	<td style="text-align: center;">操作</td>
																</tr>
															</table>
															<table id="giftItemTable" class="table table-bordered">
																<tr>
																	<td style="text-align: center;">礼品编号</td>
																	<td style="text-align: center;">礼品名称</td>
																	<td style="text-align: center;">规格</td>
																	<td style="text-align: center;">进货价</td>
																	<td style="text-align: center;">销售价</td>
																	<td style="text-align: center;">数量</td>
																	<td style="text-align: center;">总价</td>
																	<td style="text-align: center;">备注</td>
																	<td style="text-align: center;">操作</td>
																</tr>

															</table>
														</div>
														<div style="text-align: center;">
															<ul class="pagination" id="itemPagination"></ul>
															<input type="hidden" id="itemPageIndex" value="" /> <input
																type="hidden" id="itemTotalCount" value="" /> <input
																type="hidden" id="itemPageSize" value="" /> <input
																type="hidden" id="itemPageCount" value="" />
														</div>
													</div>
													<div id="confirmItems" class="tab-pane"
														style="margin-top: 25px; height: 450px;">
														<div id="proConfirmInfor" style="margin-top: 25px;width: 600px">
																条形码:<input id="proSnCode" name="snCode"
																	style="width: 150px" />
																<button id="proInforSearchItem" class="btn btn-sm btn-primary" type="button">搜索</button>
																<button id="proInforClearGoodsItem" class="btn btn-sm btn-danger">清空列表</button>
															</div>
															<div id="giftConfirmInfor" style="margin-top: 25px;width: 600px">
																条形码:<input id="giftSnCode" name="snCode"
																	style="width: 150px" />
																<button id="giftSearchItem" class="btn btn-sm btn-primary" type="button">搜索</button>
																<button id="giftClearGoodsItem" class="btn btn-sm btn-danger">清空列表</button>
															</div>
															<div id="itemList"
																style="margin-top: 25px; height: 350px;">
																<table id="giftInforTable" class="table table-bordered">
																	<tr>
																		<td style="text-align: center; ">礼品编号</td>
																		<td style="text-align: center;">礼品名称</td>
																		<td style="text-align: center;">规格</td>
																		<td style="text-align: center;">条形码</td>
																		<td style="text-align: center;">单价</td>
																		<td style="text-align: center;">备注</td>
																		<td style="text-align: center;">操作</td>
																	</tr>
																</table>
																<table id="proInforTable" class="table table-bordered">
																	<tr>
																		<td style="text-align: center;">产品编号</td>
																		<td style="text-align: center;">产品名称</td>
																		<td style="text-align: center;">规格</td>
																		<td style="text-align: center;">条形码</td>
																		<td style="text-align: center;">单价</td>
																		<td style="text-align: center;">备注</td>
																		<td style="text-align: center;">操作</td>
																	</tr>
																</table>
															</div>
														<div style="text-align: center;">
															<ul class="pagination" id="confirmPagination"></ul>
														</div>
														
														</div>

												</div>
											</div>
										</div>
									</div>
								</div>
							</div>
						</div>
					</div>
					<div id="optBtn" class="modal-footer">
						<button id="saveBtn" type="button" class="btn btn-primary">保存</button>
						<button id="confirmBtn" type="button" class="btn btn-danger">保存并确认</button>
						<button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
					</div>
				</div>
			</form>
		</div>

	</div>


</body>
</html>